<template>
  <div class="about-top">
    <NavHeader />
    <div class="about-top-content">
      <h1>数据治理与服务的创新先锋</h1>
      <h3>赋能多行业数字化转型，引领未来发展趋势</h3>
    </div>
  </div>
  <div class="about-center">
    <div class="about-center-companyDesc">
      <img
        class="about-center-companyDesc-comptyImg"
        src="@/assets/img/about/company.png"
        alt=""
      />
      <div class="about-center-companyDesc-text">
        <div class="about-center-companyDesc-text-title">公司介绍</div>
        <p class="about-center-companyDesc-text-p">
          西安友盟智能科技有限公司（2021年成立，简称：友盟智能科技）是一家专注从事企业数据治理、数据共享以及数据服务的高新科技公司，公司业务涉及医疗、医药、金融、教育、政务、电力、通信等多个行业。<br />
        </p>
        <p class="about-center-companyDesc-text-p">
          目前公司运用云计算、大数据及人工智能技术，已为医药、医疗、大健康等行业提供简单、安全、高效、合规的信息智能化解决方案。同时公司自主研发“渠道数据采集系统、销量地图管理系统、辖区备案管理系统、辖区指标管理系统、企业主数据管理系统、道数据清洗系统、渠道数据申诉系统、经销商管理系统、渠道数据分析系统、IDS统一身份认证系统、SSO单点登录系统”等多款核心产品，并建立了完善的客户终端主数据采集、终端主数据处理和管理的全套流程，满足企业数字化的主要业务要求。
        </p>
      </div>
    </div>
    <div class="about-center-companyDesc">
      <div class="about-center-companyDesc-text">
        <div class="about-center-companyDesc-text-title">找到我们</div>
        <div class="about-center-companyDesc-text-item">
          <el-icon class="icon" :size="15" color="#666666">
            <LocationInformation />
          </el-icon>
          <p>陕西省西安市莲湖区静安广场2号楼22楼</p>
        </div>
        <div class="about-center-companyDesc-text-item">
          <el-icon class="icon" :size="15" color="#666666"><Phone /></el-icon>
          <p>029 - 88866102 / 18192362927</p>
        </div>
        <div class="about-center-companyDesc-text-item">
          <el-icon class="icon" :size="15" color="#666666"><Message /></el-icon>
          <p>service@umengdata.com</p>
        </div>
        <div class="about-center-companyDesc-text-item">
          <el-icon class="icon" :size="15" color="#666666"
            ><Calendar
          /></el-icon>
          <p>8:30 - 17:30</p>
        </div>
      </div>
      <img
        class="about-center-companyDesc-mapImg"
        src="@/assets/img/about/map.png"
        alt=""
      />
    </div>
  </div>
  <BackTop />
  <pageBottom />
</template>
<script setup lang="ts">
import { ref, reactive, computed, onMounted, watch } from "vue";
import NavHeader from "@/components/NavHeader.vue";
import pageBottom from "@/components/pageBottom.vue";
import BackTop from "@/components/BackTop.vue";
import {
  LocationInformation,
  Phone,
  Message,
  Calendar,
} from "@element-plus/icons-vue"; // 引入 Edit 这个 svg组件
</script>
<style lang="scss" scoped>
.about-top {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("@/assets/img/about/bg.png");
  height: 50vh;
  position: relative;
  &::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4784313725);
  }
  &-content {
    position: absolute;
    margin-left: 18%;
    top: 50%;
    h1 {
      margin-bottom: 20px;
      font-weight: 700;
      font-size: 35px;
    }
  }
}
.about-center {
  color: #000;
  width: 100%;
  max-width: 1400px;
  margin: auto;
  &-companyDesc {
    display: flex;
    justify-content: space-between;
    margin: 50px 0;
    align-items: center;
    &-text {
      width: 44%;
      &-title {
        font-size: 24px;
        font-weight: bold;
        position: relative;
        color: #1265cc;
        margin-bottom: 50px;
        &::after {
          content: "";
          position: absolute;
          width: 40px;
          border: 3px solid #1265cc;
          left: 0;
          bottom: -8px;
        }
      }
      &-item {
        display: flex;
        align-items: center;
        margin: 30px 0;
        font-weight: 700;
        color: #666666;

        .icon {
          margin-right: 20px;
        }
      }
      &-p {
        font-size: 15px;
        color: #666666;
        margin-bottom: 10px;
        line-height: 35px;
        text-indent: 2em;
      }
    }
    &-comptyImg {
      width: 50%;
      border-radius: 5px;
    }
    &-mapImg {
      width: 70%;
      border-radius: 5px;
    }
  }
}
</style>
